<template>
	<view class="index">
		<!-- #ifdef H5 -->
		<YouRan-UI-WeiXinNei-TiShi></YouRan-UI-WeiXinNei-TiShi>
		<!-- #endif -->
		<template v-if="JSON.stringify(BenTie_NeiRong) != '{}'">
			<!-- ////////// 钩子 ////////// -->
			<view v-if="GouZi_ZiDingYi_HTML_1">
				<mp-html :content="GouZi_ZiDingYi_HTML_1" :selectable="true"/>
			</view>
			<!-- 帖子标题 -->
			<view class="BiaoTi H1" v-if="BenTie_NeiRong.title">{{BenTie_NeiRong.title}}</view>
			<!-- 发帖用户 -->
			<view
				class="YouRan-UI-YongHu-1 Flex"
				@click="$_TiaoZhuan('_XiangQing_YongHu/_XiangQing_YongHu?uid=' + BenTie_NeiRong.creator.uid)">
				<view class="Zuo">
					<view class="TouXiang">
						<image :src="BenTie_NeiRong.creator.avatar" mode="widthFix"></image>
					</view>
					<view
						:style="BenTie_NeiRong.creator.nicknameColor?'background:'+BenTie_NeiRong.creator.nicknameColor+';':'background: #C0C4CC;'"
						class="YouXia">{{BenTie_NeiRong.creator.roleName[0]}}</view>
				</view>
				<view class="Zhong">
					<view class="Zhong-Shang">
						<view class="NiCheng H2">{{BenTie_NeiRong.creator.nickname}}</view>
					</view>
					<view class="Zhong-Xia Flex">
						<text class="P" :style="BenTie_NeiRong.creator.nicknameColor?'color:'+BenTie_NeiRong.creator.nicknameColor+';':''">{{BenTie_NeiRong.creator.roleName}}</text>
						<text class="P">{{BenTie_NeiRong.createTimeFormat}}</text>
					</view>
				</view>
				<view class="You Flex">
					<view class="AnNiu Flex">
						<text class="P">查看用户</text>
					</view>
				</view>
			</view>
			
			
			<!-- ////////// 钩子 ////////// -->
			<view v-if="GouZi_ZiDingYi_HTML_2">
				<mp-html :content="GouZi_ZiDingYi_HTML_2" :selectable="true"/>
			</view>
			
			
			<!-- 正文内容 -->
			<view class="ZhengWen-NeiRong">
				<mp-html
					:content="$_HTML_MaoDian_Zhuan_App_MaoDian(BenTie_NeiRong.content)"
					:tag-style="ZhengWen_NeiRong_HTML_Css"
					:selectable="true"/>
			</view>
			<!-- 附件 > 图片 -->
			<view class="FuJian-LieBiao" v-if="BenTie_NeiRong.files.images.length">
				<view class="FuJian-LieBiao-BiaoTi">
					<text class="iconfont icon-tupian"></text>
					<text class="WenZi">图片附件</text>
				</view>
				<view class="XunHuan">
					<!-- #ifndef MP-WEIXIN -->
					<view
						@click="DianJi_TuPian_FuJian_YuLan(index)"
						v-for="(item,index) in BenTie_NeiRong.files.images">
						<image :src="item.imageSquareUrl" mode="widthFix"></image>
					</view>
					<!-- #endif -->
					
					<!-- #ifdef MP-WEIXIN -->
					<view
						@click="$_TiaoZhuan('_Z_GongYong/TuPian_YuLan?url=' + item.imageBigUrl)"
						v-for="(item,index) in BenTie_NeiRong.files.images">
						<image :src="item.imageSquareUrl" mode="widthFix"></image>
					</view>
					<!-- #endif -->
				</view>
			</view>
			<!-- 附件 > 视频 -->
			<view class="FuJian-LieBiao" v-if="BenTie_NeiRong.files.videos.length">
				<view class="FuJian-LieBiao-BiaoTi" style="background: #F56C6C;">
					<text class="iconfont icon-zhibo"></text>
					<text class="WenZi">视频附件</text>
				</view>
				<view class="ShiPin-XunHuan">
					<view
						class="ShiPin-XunHuan-Kuai"
						@click="$_TiaoZhuan('_Z_GongYong/ShiPin_YuLan?url=' + item.videoUrl)"
						v-for="item in BenTie_NeiRong.files.videos">
						<view class="ShiPin-XunHuan-Kuai-TuPian">
							<image :src="item.videoPosterUrl" mode="widthFix"></image>
						</view>
						<view class="ShiPin-XunHuan-Kuai-TuBiao">
							<text class="iconfont icon-play"></text>
						</view>
					</view>
				</view>
			</view>
			<!-- 附件 > 音频 -->
			<view class="FuJian-LieBiao" v-if="BenTie_NeiRong.files.audios.length">
				<view class="FuJian-LieBiao-BiaoTi" style="background: #67C23A;">
					<text class="iconfont icon-yuyin"></text>
					<text class="WenZi">音频附件</text>
				</view>
				<view
					class="YinPin-XunHuan"
					v-for="item in BenTie_NeiRong.files.audios">
					<YouRan-UI-YinPin
						Css="width:350rpx;"
						:Url="item.audioUrl"></YouRan-UI-YinPin>
				</view>
			</view>
			<view class="TieZi-XiangGuan-FenLei">
				<view
					@click="$_TiaoZhuan('_Lie_XiaoZu/_Lie_XiaoZu?gid=' + BenTie_NeiRong.group.gid)"
					class="_Zu"
					v-if="BenTie_NeiRong.group">
					<view><image :src="BenTie_NeiRong.group.cover" mode="widthFix"></image></view>
					<text>{{BenTie_NeiRong.group.gname}}</text>
				</view>
				<template v-if="BenTie_NeiRong.hashtags.length">
					<view
						@click="$_TiaoZhuan('_Lie_HuaTi/_Lie_HuaTi?hid='+item_HuaTi.hid)"
						class="_HuaTi"
						v-for="item_HuaTi in BenTie_NeiRong.hashtags">
						{{item_HuaTi.hname}}
					</view>
				</template>
			</view>
			<view class="TieZi-BianJi-CaoZuo">
				<view @click="DianJi_BianJi_TieZi">编辑</view>
				<view @click="DianJi_ShanChu_BenTie">删除</view>
			</view>
			<!-- ////////// 钩子 ////////// -->
			<view v-if="GouZi_ZiDingYi_HTML_3">
				<mp-html :content="GouZi_ZiDingYi_HTML_3" :selectable="true"/>
			</view>
			
			<!-- 帖子 > 操作区 -->
			<view class="CaoZuo-AnNiu">
				<view class="XunHuan" v-if="JSON.stringify(TieZi_CaoZuo_ShuJu_DianZan) != '{}'">
					<view class="Zuo">
						<template v-if="BenTie_NeiRong.likeCount">
							<view v-for="item in TieZi_CaoZuo_ShuJu_DianZan">
								<image :src="item.avatar" mode="widthFix"></image>
							</view>
						</template>
						<text
							v-else
							class="H3 H3-Line Zt-ZhanWeiSe">暂时莫有人点赞</text>
					</view>
					<view class="You" style="background: #ffe60f;" @click="DianJi_CaoZuo_TieZi('like')">
						<text class="iconfont icon-good" style="color: #000;"></text>
						<text class="Zi" style="color: #000;">
							<template v-if="!BenTie_NeiRong.interaction.likeStatus">
								点赞({{BenTie_NeiRong.likeCount}})
							</template>
							<template v-if="BenTie_NeiRong.interaction.likeStatus">
								已赞({{BenTie_NeiRong.likeCount}})
							</template>
						</text>
					</view>
				</view>
				<view class="XunHuan" v-if="JSON.stringify(TieZi_CaoZuo_ShuJu_DianShouCang) != '{}'">
					<view class="Zuo">
						<template v-if="BenTie_NeiRong.followCount">
							<view v-for="item in TieZi_CaoZuo_ShuJu_DianShouCang">
								<image :src="item.avatar" mode="widthFix"></image>
							</view>
						</template>
						<text
							v-else
							class="H3 H3-Line Zt-ZhanWeiSe">暂时莫有人收藏</text>
					</view>
					<view class="You" style="background: #E6A23C;" @click="DianJi_CaoZuo_TieZi('follow')">
						<text class="iconfont icon-favorite"></text>
						<text class="Zi">
							<template v-if="!BenTie_NeiRong.interaction.followStatus">
								收藏({{BenTie_NeiRong.followCount}})
							</template>
							<template v-if="BenTie_NeiRong.interaction.followStatus">
								已收藏({{BenTie_NeiRong.followCount}})
							</template>
						</text>
					</view>
				</view>
				<view class="XunHuan" @click="DianJi_CaoZuo_TieZi_QiTa('FuZhiLianJie')">
					<view class="Zuo">
						<text class="H3 H3-Line Zt-ZhanWeiSe">{{BenTie_NeiRong.url}}</text>
					</view>
					<view class="You" style="background: #C0C4CC;">
						<text class="iconfont icon-link"></text>
						<text class="Zi">复制</text>
					</view>
				</view>
			</view>
			
			
			<!-- ////////// 钩子 ////////// -->
			<view v-if="GouZi_ZiDingYi_HTML_4">
				<mp-html :content="GouZi_ZiDingYi_HTML_4" :selectable="true"/>
			</view>
			
			
			<view class="YouRan-UI-FenGe-1-BiaoTi-1 Flex">
				<view class="Zuo Flex">
					<view class="Xian" style="background: #409EFF;"></view>
					<view>评论</view>
				</view>
				<view class="You Flex">
					<text class="P">{{BenTie_NeiRong.commentCount?BenTie_NeiRong.commentCount+'条评论':''}}</text>
				</view>
			</view>
			
			
			<view class="YouRan-UI-LieBiao-3">
				<template v-if="TieZi_PingLun_LieBiao_ZhuangTai=='YouShuJu'">
					<view
						@click="$_TiaoZhuan('_XiangQing_TieZi/_XiangQing_TieZi_PingLun?cid='+item.cid)"
						v-for="item in TieZi_PingLun_LieBiao"
						class="XunHuan Flex">
						<view
							@click.stop="$_TiaoZhuan('_XiangQing_YongHu/_XiangQing_YongHu?uid=' + item.creator.uid)"
							class="Zuo">
							<image :src="item.creator.avatar" mode="widthFix"></image>
						</view>
						<view class="You">
							<view class="NiCheng Zt-ShenLanSe">{{item.creator.nickname}}</view>
							<!-- 文字摘要 -->
							<view class="ZhaiYao">
								<mp-html
									:content="$_HTML_MaoDian_Zhuan_App_MaoDian(item.content)"
									:tag-style="PingLun_NeiRong_HTML_Css"
									:selectable="true"/>
							</view>
							<!-- 音频 -->
							<view class="YinPin" v-if="item.fileCount.audios">
								<template v-for="(item_Yin,index) in item.files.audios">
									<view style="margin-top: 20rpx;padding-bottom: 20rpx;">
										<YouRan-UI-YinPin
											Css="width:350rpx;"
											:Url="item_Yin.audioUrl"></YouRan-UI-YinPin>
									</view>
								</template>
							</view>
							<!-- 图片 -->
							<view class="TuPian Flex" v-if="item.fileCount.images">
								<view
									style="width: 190rpx;"
									v-for="(item_Tu,index) in item.files.images">
									<image :src="item_Tu.imageSquareUrl" mode="widthFix"></image>
								</view>
							</view>
							<view
								:style="item.subComments.length?'':'margin:15rpx 0 0 0;'"
								class="TieZi-XinXi Flex">
								<text class="P">{{item.createTimeFormat}}</text>
								<view class="LeiXing Flex">
									<text class="Bj-BianKuangSe iconfont icon-pinglun"></text>
									<text class="Bj-BianKuangSe iconfont icon-gengduo"></text>
								</view>
							</view>
							<view class="PingLun Bj-BeiJingSe" v-if="item.subComments.length">
								<template v-for="item_PingLun in item.subComments">
									<view class="_XunHuan Flex H3 SanHang">
										<text class="_NiCheng Zt-ShenLanSe">{{item_PingLun.creator.nickname}}:</text>
										<text>{{$_GuoLv_HTML(item_PingLun.content)}}</text>
									</view>
								</template>
							</view>
							<view
								v-if="item.commentCount > 3"
								class="P"
								style="text-align: center;margin-top: 25rpx;">更多评论...</view>
						</view>
					</view>
					<view
						v-if="TieZi_PingLun_LieBiao_JiaZaiGengDuo"
						@click="QingQiu_TieZi_PingLun_LieBiao('FanYe')"
						class="H3 H3-Line Bj-BeiJingSe Zt-ZhanWeiSe Flex"
						style="padding: 35rpx 0;text-align: center;margin: 25rpx;justify-content: center;border-radius: 100rpx;">点击加载更多</view>
				</template>
				<template v-if="TieZi_PingLun_LieBiao_ZhuangTai=='JiaZaiZhong'">
					<YouRan-UI-JiaZaiZhong LeiXing="JuBu"></YouRan-UI-JiaZaiZhong>
				</template>
				<template v-if="TieZi_PingLun_LieBiao_ZhuangTai=='WuShuJu'">
					<view class="YouRan-UI-WuShuJu-1 Flex" style="padding: 50rpx 0;">
						<text class="iconfont icon-cry Zt-ZhanWeiSe"></text>
						<view class="Zt-ZhanWeiSe">暂无任何数据</view>
					</view>
				</template>
			</view>

			<!-- ////////// 钩子 ////////// -->
			<view v-if="GouZi_ZiDingYi_HTML_5">
				<mp-html :content="GouZi_ZiDingYi_HTML_5" :selectable="true"/>
			</view>
			
			<view style="width: 100%;height: 100rpx;"></view>
			<view class="YouRan-UI-WeiBu-XuanFu-PingLun">
				<textarea
					maxlength="-1"
					:show-confirm-bar="false"
					cursor-spacing="300"
					v-model="Vmodel_PingLun_NeiRong"></textarea>
				<text class="iconfont icon-shequ" @click="$_TiaoZhuan('_Z_GongYong/AiTe_LieBiao')"></text>
				<text class="iconfont icon-huati" @click="$_TiaoZhuan('_Z_GongYong/HuaTi_LieBiao')"></text>
				<text class="iconfont icon-smile" @click="$_TiaoZhuan('_Z_GongYong/BiaoQing_LieBiao')"></text>
				<!-- #ifndef H5 -->
				<text
					@click="$_TiaoZhuan(`_FaBu/_HuiFu?n=${Vmodel_PingLun_NeiRong}&pid=${TieZi_ID}`)"
					class="iconfont icon-add-circle"></text>
				<!-- #endif -->
				<view @click="DianJi_FaBu_PingLun">发布</view>
			</view>
		</template>
		<template v-else>
			<YouRan-UI-JiaZaiZhong LeiXing="QuanPing"></YouRan-UI-JiaZaiZhong>
		</template>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				BenTie_NeiRong:{},
				TieZi_ID:"",
				ZhengWen_NeiRong_HTML_Css:{},
				PingLun_NeiRong_HTML_Css:{},
				TieZi_CaoZuo_ShuJu_DianZan:{},
				TieZi_CaoZuo_ShuJu_DianCai:{},
				TieZi_CaoZuo_ShuJu_DianShouCang:{},
				TieZi_PingLun_LieBiao:[],
				TieZi_PingLun_LieBiao_ZhuangTai:"JiaZaiZhong",
				TieZi_PingLun_LieBiao_JiaZaiGengDuo:false,
				TieZi_PingLun_LieBiao_YeMa:2,
				Vmodel_PingLun_NeiRong:"",
				GouZi_ZiDingYi_HTML_1:"",
				GouZi_ZiDingYi_HTML_2:"",
				GouZi_ZiDingYi_HTML_3:"",
				GouZi_ZiDingYi_HTML_4:"",
				GouZi_ZiDingYi_HTML_5:"",
			}
		},
		onShow() {
			uni.getStorage({
				key: 'TongZhi_ShangYiYe',
				success: (res) => {
					this.Vmodel_PingLun_NeiRong = "";
					this.QingQiu_TieZi_NeiRong_XiangQing();
					this.QingQiu_BianJiQi_PeiZhi();
					uni.removeStorage({ key: 'XuanZhong_BiaoQing' });
				}
			});
			uni.getStorage({
				key: 'XuanZhong_BiaoQing',
				success: (res) => {
					this.Vmodel_PingLun_NeiRong += res.data;
					uni.removeStorage({ key: 'XuanZhong_BiaoQing' });
				}
			});
			uni.getStorage({
				key: 'XuanZhong_AiTe',
				success: (res) => {
					this.Vmodel_PingLun_NeiRong += ' @'+res.data+' ';
					uni.removeStorage({ key: 'XuanZhong_AiTe' });
				}
			});
			uni.getStorage({
				key: 'XuanZhong_HuaTi',
				success: (res) => {
					if(this.Api_BianJiQi_PeiZhi.editor.toolbar.hashtag.showMode == 1){
						this.Vmodel_PingLun_NeiRong += ' #'+res.data+' ';
						uni.removeStorage({ key: 'XuanZhong_HuaTi' });
					}else{
						this.Vmodel_PingLun_NeiRong += ' #'+res.data+'# ';
						uni.removeStorage({ key: 'XuanZhong_HuaTi' });
					}
					uni.removeStorage({ key: 'XuanZhong_HuaTi' });
				}
			});
		},
		onLoad(e) {
			this.TieZi_ID = e.pid;
			// 请求，本页，JSON，配置
			this.QingQiu_BenYe_JSON_PeiZhi()
		},
		methods: {
			// 请求，本页，JSON，配置
			QingQiu_BenYe_JSON_PeiZhi(){
				uni.request({
					url:this.$_PeiZhi_WenJian() + "_XiangQing_TieZi.json",
					method:'GET',
					success: (res) => {
						this.ZhengWen_NeiRong_HTML_Css = res.data.ZhengWen_NeiRong_HTML_Css;
						this.PingLun_NeiRong_HTML_Css = res.data.PingLun_NeiRong_HTML_Css;
						this.GouZi_ZiDingYi_HTML_1 = res.data.ZiDingYi_HTML_1;
						this.GouZi_ZiDingYi_HTML_2 = res.data.ZiDingYi_HTML_2;
						this.GouZi_ZiDingYi_HTML_3 = res.data.ZiDingYi_HTML_3;
						this.GouZi_ZiDingYi_HTML_4 = res.data.ZiDingYi_HTML_4;
						this.GouZi_ZiDingYi_HTML_5 = res.data.ZiDingYi_HTML_5;
						this.QingQiu_BianJiQi_PeiZhi();
					}
				})
			},
			
			QingQiu_BianJiQi_PeiZhi(){
				this.$_QingQiu(
					"GET","/api/v2/editor/post/config",{},
					(res) => {
						this.Api_BianJiQi_PeiZhi = res.data.data;
						this.QingQiu_TieZi_NeiRong_XiangQing();
					}
				)
			},
			// 请求，帖子，内容，详情
			QingQiu_TieZi_NeiRong_XiangQing(){
				this.$_QingQiu(
					"GET","/api/v2/post/"+this.TieZi_ID+"/detail",{},
					(res) => {
						this.BenTie_NeiRong = res.data.data.detail;
						// 请求，帖子，评论，列表
						this.QingQiu_TieZi_PingLun_LieBiao();
					}
				)
			},
			
			// 请求，帖子，评论，列表
			QingQiu_TieZi_PingLun_LieBiao(e){
				let FanYe = e;
				if(FanYe){uni.showLoading({ title: "加载中" });}
				this.$_QingQiu(
					"GET","/api/v2/comment/list",
					{
						"pid":this.TieZi_ID,
						"whitelistKeys":"cid,creator.uid,creator.avatar,creator.nickname,content,subComments,createTimeFormat,commentCount,fileCount,files",
						"pageSize": 10,
						"page":FanYe ? this.TieZi_PingLun_LieBiao_YeMa : ""
					},
					(res) => {
						// 请求，帖子，操作，类，数据，点赞、点踩、收藏
						this.QingQiu_TieZi_CaoZuo_Lei_ShuJu();
						if(FanYe){
							if(res.data.data.list.length){
								this.TieZi_PingLun_LieBiao = this.TieZi_PingLun_LieBiao.concat(res.data.data.list);
								this.TieZi_PingLun_LieBiao_YeMa++
								uni.hideLoading();
							}else{
								uni.showToast({
									title: "没有数据啦",
									icon: "none",
									duration: 1000
								});
							}
						}else{
							this.TieZi_PingLun_LieBiao = res.data.data.list;
							if(this.TieZi_PingLun_LieBiao.length){
								this.TieZi_PingLun_LieBiao_ZhuangTai = "YouShuJu"
							}else{
								this.TieZi_PingLun_LieBiao_ZhuangTai = "WuShuJu"
							}
							if(res.data.data.paginate.total > res.data.data.paginate.pageSize){
								this.TieZi_PingLun_LieBiao_JiaZaiGengDuo = true;
							}
						}
					}
				)
			},
			// 请求，帖子，操作，类，数据，点赞、点踩、收藏
			QingQiu_TieZi_CaoZuo_Lei_ShuJu(){
				// 请求，点赞，列表
				this.$_QingQiu(
					"GET","/api/v2/post/"+this.TieZi_ID+"/interaction/like",
					{
						"whitelistKeys":"avatar",
						"pageSize": 8
					},
					(res) => {
						this.TieZi_CaoZuo_ShuJu_DianZan = res.data.data.list;
					}
				)
				// 请求，点收藏，列表
				this.$_QingQiu(
					"GET","/api/v2/post/"+this.TieZi_ID+"/interaction/follow",
					{
						"whitelistKeys":"avatar",
						"pageSize": 8
					},
					(res) => {
						this.TieZi_CaoZuo_ShuJu_DianShouCang = res.data.data.list;
					}
				)
			},
			// 点击，图片，附件，预览
			// #ifndef MP-WEIXIN
			DianJi_TuPian_FuJian_YuLan(e){
				let TuPian_LieBiao = [];
				for(let i=0;i<this.BenTie_NeiRong.files.images.length;i++){
					TuPian_LieBiao.push(this.BenTie_NeiRong.files.images[i].imageBigUrl)
				}
				uni.previewImage({
					current:e,
					urls:TuPian_LieBiao
				})
			},
			// #endif
			// 点击，操作，帖子
			DianJi_CaoZuo_TieZi(e){
				let LeiXing = e;
				uni.showLoading();
				this.$_QingQiu(
					"POST","/api/v2/user/mark",
					{
						"interactionType":LeiXing,
						"markType":"post",
						"fsid":this.TieZi_ID
					},
					(res) => {
						uni.hideLoading();
						if(res.data.code == 0){
							this.QingQiu_TieZi_NeiRong_XiangQing()
						}else{
							uni.showToast({
								title:res.data.message,
								icon:"none",
								duration:1000
							});
						}
					}
				)
			},
			// 点击，操作，帖子，其他
			DianJi_CaoZuo_TieZi_QiTa(e){
				if(e == 'FuZhiLianJie'){
					uni.setClipboardData({
						data: this.BenTie_NeiRong.url,
						success: (res) => {
							uni.showToast({
								title: "已复制，请粘贴",
								icon: "none",
								duration: 1000
							});
						}
					});
				}
			},
			DianJi_FaBu_PingLun(){
				uni.showLoading({ title: "回复中" });
				this.$_QingQiu(
					"POST","/api/v2/editor/comment/quick-publish",
					{
						"commentPid":this.TieZi_ID,
						"content":this.$_GuoLv_HTML(this.Vmodel_PingLun_NeiRong)
					},
					(res) => {
						uni.hideLoading();
						if(res.data.code == 0){
							this.QingQiu_TieZi_PingLun_LieBiao();
							this.Vmodel_PingLun_NeiRong = "";
						}else{
							uni.showToast({
								title:res.data.message,
								icon:"none",
								duration:1000
							});
						}
					}
				)
			},
			DianJi_BianJi_TieZi(){
				if(uni.getStorageSync('YongHuXinXi')){
					if(uni.getStorageSync('YongHuXinXi').data.detail.uid == this.BenTie_NeiRong.creator.uid){
						this.$_QingQiu(
							"POST","/api/v2/editor/post/generate/" + this.TieZi_ID, {},
							(res) => {
								if(res.data.data.edit.editableStatus){
									this.$_TiaoZhuan('_FaBu/_FaBu?LeiXing=GengXin&id='+res.data.data.detail.id)
								}else{
									uni.showToast({
										title:"此贴不能编辑",
										icon:"none",
										duration:1000
									});
								}
							}
						)
					}else{
						uni.showToast({
							title:"只能编辑自己的帖子哟",
							icon:"none",
							duration:1000
						});
					}
				}else{
					uni.showToast({
						title:"不登录不能操作",
						icon:"none",
						duration:1000
					});
				}
			},
			DianJi_ShanChu_BenTie(){
				uni.showModal({
					title: "注意",
					content: "是否删除本帖？不可恢复哟。",
					success: (res) => {
						if(res.confirm) {
							this.$_QingQiu(
								"DELETE","/api/v2/post/" + this.TieZi_ID,{},
								(res_) => {
									if(res_.data.code == 0){
										uni.setStorage({
											key: 'TongZhi_ShangYiYe',
											data: "true",
											success: (res) => {
												uni.switchTab({
													url: "/pages/FaXian/FaXian"
												});
											}
										});
									}else{
										uni.showToast({
											title:res_.data.message,
											icon:"none",
											duration:1000
										});
									}
								}
							)
						}
					}
				});
			},
		},
		// 微信分享
		onShareAppMessage(res) {
			return {
				title: this.BenTie_NeiRong.title ? this.BenTie_NeiRong.title : this.$_GuoLv_HTML(this.BenTie_NeiRong.content),
				path: '/pages/_XiangQing_TieZi/_XiangQing_TieZi?pid=' + this.TieZi_ID
			}
		},
		// 分享到朋友圈
		onShareTimeline() {
			return {
				title: this.BenTie_NeiRong.title ? this.BenTie_NeiRong.title : this.$_GuoLv_HTML(this.BenTie_NeiRong.content),
				path: '/pages/_XiangQing_TieZi/_XiangQing_TieZi?pid=' + this.TieZi_ID
			}
		},
	}
</script>

<style lang="scss">
.index{
	.BiaoTi{
		margin: 25rpx 25rpx 0 25rpx;
	}
	.YouRan-UI-YongHu-1{
		margin: 25rpx 25rpx 0 25rpx;
	}
	.ZhengWen-NeiRong{
		margin: 25rpx 25rpx 0 25rpx;
	}
	.FuJian-LieBiao{
		.FuJian-LieBiao-BiaoTi{
			width: 150rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			background: $LanSe;
			height: 40rpx;
			border-radius: 100rpx;
			margin: 25rpx auto auto auto;
			text{
				font-size: 22rpx;
				line-height: 22rpx;
				color: #FFF;
				text-shadow: 0 0 1rpx #000;
			}
			.iconfont{
				font-size: 28rpx;
				line-height: 28rpx;
				margin-right: 5rpx;
			}
		}
		.XunHuan{
			margin: 25rpx 25rpx 0 25rpx;
			display: flex;
			flex-wrap: wrap;
			view{
				width: 226.666666rpx;
				height: 200rpx;
				overflow: hidden;
				margin-top: 10rpx;
				box-shadow: 0 0 1rpx $ZhanWeiSe;
				border-radius: 10rpx;
			}
			view:nth-child(2),view:nth-child(5),view:nth-child(8),view:nth-child(11),view:nth-child(14),view:nth-child(17),view:nth-child(20),view:nth-child(23),view:nth-child(26),view:nth-child(29){
				margin: 10rpx 10rpx 0 10rpx;
			}
		}
		.ShiPin-XunHuan{
			margin: 25rpx 25rpx 0 25rpx;
			display: flex;
			flex-wrap: wrap;
			.ShiPin-XunHuan-Kuai{
				width: 226.666666rpx;
				height: 200rpx;
				overflow: hidden;
				margin-top: 10rpx;
				box-shadow: 0 0 1rpx $ZhanWeiSe;
				border-radius: 10rpx;
				position: relative;
				.ShiPin-XunHuan-Kuai-TuPian{
					width: 226.666666rpx;
					height: 200rpx;
					overflow: hidden;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
				}
				.ShiPin-XunHuan-Kuai-TuBiao{
					width: 226.666666rpx;
					height: 200rpx;
					overflow: hidden;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 2;
					display: flex;
					align-items: center;
					justify-content: center;
					background-color:rgba(0,0,0,0.6);
					.icon-play{
						font-size: 80rpx;
						line-height: 80rpx;
						color: #FFF;
					}
				}
			}
			.ShiPin-XunHuan-Kuai:nth-child(2),.ShiPin-XunHuan-Kuai:nth-child(5),.ShiPin-XunHuan-Kuai:nth-child(8){
				margin: 10rpx 10rpx 0 10rpx;
			}
		}
		.YinPin-XunHuan{
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 25rpx;
		}
	}
	.TieZi-XiangGuan-FenLei{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 0 0 25rpx;
		._Zu{
			display: flex;
			align-items: center;
			height: 50rpx;
			background: $BeiJingSe;
			border-radius: 100rpx;
			margin: 25rpx 25rpx 0 0;
			view{
				width: 50rpx;
				height: 50rpx;
				overflow: hidden;
				border-radius: 100%;
			}
			text{
				font-size: 28rpx;
				line-height: 28rpx;
				padding: 0 20rpx 0 15rpx;
			}
		}
		._HuaTi{
			display: flex;
			align-items: center;
			height: 50rpx;
			background: $BeiJingSe;
			border-radius: 100rpx;
			margin: 25rpx 25rpx 0 0;
			font-size: 28rpx;
			line-height: 28rpx;
			padding: 0 20rpx;
		}
	}
	.TieZi-BianJi-CaoZuo{
		border-top: 1rpx solid $BeiJingSe;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-top: 25rpx;
		padding-top: 25rpx;
		view{
			font-size: 22rpx;
			line-height: 22rpx;
			background: $ZhanWeiSe;
			margin-right: 25rpx;
			padding: 15rpx 25rpx;
			border-radius: 10rpx;
			color: #FFF;
		}
	}
	.CaoZuo-AnNiu{
		border-top: 25rpx solid $BeiJingSe;
		margin-top: 25rpx;
		.XunHuan{
			display: flex;
			align-items: center;
			border-bottom: 1rpx solid $BeiJingSe;
			padding: 25rpx;
			.Zuo{
				flex: 1;
				height: 60rpx;
				display: flex;
				align-items: center;
				overflow: hidden;
				view{
					width: 60rpx;
					height: 60rpx;
					border-radius: 100%;
					border: 1rpx solid #FFF;
					overflow: hidden;
				}
			}
			.You{
				height: 60rpx;
				display: flex;
				align-items: center;
				border-radius: 100rpx;
				padding: 0 20rpx;
				.iconfont{
					font-size: 32rpx;
					line-height: 32rpx;
					margin-right: 5rpx;
					color: #FFF;
				}
				.Zi{
					font-size: 28rpx;
					line-height: 28rpx;
					color: #FFF;
				}
			}
		}
	}
	.YouRan-UI-FenGe-1-BiaoTi-1{
		padding: 25rpx;
		border-top: 25rpx solid $BeiJingSe;
		border-bottom: 1rpx solid $BeiJingSe;
	}
	.YouRan-UI-LieBiao-3{
		.XunHuan{
			.You{
				.TieZi-XinXi{
					.LeiXing{
						.icon-pinglun{
							color: $YuanSe;
						}
					}
				}
			}
		}
	}
}
</style>
